<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">
		<title><?php if(isset($title)){echo $title;} else {echo t('title_page');} ?> - Biôpole</title>
		<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic" type="text/css">
		<!-- Bootstrap core CSS -->
		<link href="<?php echo base_url(); ?>assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
		
		<!-- Just for debugging purposes. Don't actually copy this line! -->
		<!--[if lt IE 9]><script src="themes/<?php echo base_url(); ?>assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->

		<!-- CSS Implementing Plugins -->
		<link rel="stylesheet" href="<?php echo base_url(); ?>assets/custom/css/flexslider.css" type="text/css" media="screen">
		<link rel="stylesheet" href="<?php echo base_url(); ?>assets/custom/css/parallax-slider.css" type="text/css">

		<link rel="stylesheet" href="<?php echo base_url(); ?>assets/font-awesome-4.0.3/css/font-awesome.min.css" type="text/css">
		<link href="<?php echo base_url(); ?>assets/bxslider/jquery.bxslider.css" rel="stylesheet" />
		<link rel="stylesheet" href="<?php echo base_url(); ?>assets/revolution_slider/css/rs-style.css" media="screen">
		<link rel="stylesheet" href="<?php echo base_url(); ?>assets/revolution_slider/rs-plugin/css/settings.css" media="screen">
		<!-- Custom styles for this template -->
		<link href="<?php echo base_url(); ?>assets/custom/css/style-rtl.css" rel="stylesheet">
		<link href="<?php echo base_url(); ?>assets/custom/css/style.css" rel="stylesheet">
		<link href="<?php echo base_url(); ?>assets/custom/css/portfolio-rtl.css" rel="stylesheet">
		<link href="<?php echo base_url(); ?>assets/custom/css/font-awesome.min.css" rel="stylesheet">
		<link href="<?php echo base_url(); ?>assets/custom/css/font-awesome.min.css" rel="stylesheet">
		
		<link rel="shortcut icon" href="<?php echo base_url(); ?>assets/icon/logo.ico">
	</head>
	<!-- NAVBAR
	================================================== -->
	<body>
		<div class="top">
			<div class="container">
				<div class="row-fluid">
					<ul class="phone-mail">
						<li>
							<a class="navbar-brand" href="<?php echo site_url(); ?>/home"><img src="<?php echo base_url(); ?>assets/custom/img/biopole.png" alt="Biopole" /></a>
						</li>
					</ul>
					<ul class="langbar">
						<li>
							<a href="<?php 
							if (isset($id)) {echo base_url('fr').'/details_products/produits/'.$id;} else{echo base_url('fr').'/'.$content;}
							 ?>" class="login-btn"><img src="<?php echo base_url(); ?>assets/icon/fr.png" /></a>
						</li>
						<li class="">
							&nbsp;
						</li>
						<li>
							<a href="<?php if (isset($id)) {echo base_url('en').'/details_products/products/'.$id ;} else{echo base_url('en').'/'.$content;} ?>" class="login-btn"><img src="<?php echo base_url(); ?>assets/icon/en.png" /></a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<!-- topHeaderSection -->
		<div class="topHeaderSection">
			<div class="header">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
					</div>
					<div class="navbar-collapse collapse">
						<ul class="nav navbar-nav">

						</ul>
						<ul class="nav navbar-nav navbar-right">
							<li>
								<a href="<?php echo site_url() ?>/home"><?php echo t('menu_home'); ?></a>
							</li>
							<li>
								<a href=""><?php echo t('menu_speciality'); ?></a>
							</li>
							<li><a href="<?php echo site_url() ?>/partner"><?php echo t('menu_partners'); ?></a></li>
							<li><a href="<?php echo site_url() ?>/product"><?php echo t('menu_products'); ?></a></li>
							<li><a href="<?php echo site_url('') ?>/contact"><?php echo t('menu_contact'); ?></a></li>
						</ul>
					</div><!--/.nav-collapse -->
				</div>
			</div>
		</div>
		<div class="social-left">
			<ul class="social-media-icon">
				<li><a href=""><img src="<?php echo base_url(); ?>assets/icon/twitter.png" style="width: 30px; height: 30px;"></a></li>
				<li><a href=""><img src="<?php echo base_url(); ?>assets/icon/facebook.png" style="width: 30px; height: 30px;"></a></li>
				<li><a href=""><img src="<?php echo base_url(); ?>assets/icon/linkedin.png" style="width: 30px; height: 30px;"></a></li>
				<li><a href=""><img src="<?php echo base_url(); ?>assets/icon/youtube.png" style="width: 30px; height: 30px;"></a></li>
				<li><a href=""><img src="<?php echo base_url(); ?>assets/icon/googleplus.png" style="width: 30px; height: 30px;"></a></li>
			</ul>
		</div>
